<template>
  <a-card :bordered="false">
  <a-tabs size="small">
    <a-tab-pane :tab="$t('m.system.monitor.other.systemInfo')" key="1">
      <SystemInfo v-bind="$attrs"></SystemInfo>
    </a-tab-pane>
    <!--<a-tab-pane tab="磁盘监控" key="2">
      <DiskMonitoring v-bind="$attrs"></DiskMonitoring>
    </a-tab-pane>-->
    <a-tab-pane :tab="$t('m.system.monitor.other.jvmInfo')" key="3">
      <JvmInfo v-bind="$attrs"></JvmInfo>
    </a-tab-pane>
    <a-tab-pane :tab="$t('m.system.monitor.other.redisInfo')" key="4">
      <RedisInfo v-bind="$attrs"></RedisInfo>
    </a-tab-pane>
<!--      <a-tab-pane tab="Tomcat信息" key="5">
      <TomcatInfo v-bind="$attrs"></TomcatInfo>
    </a-tab-pane>-->
    <a-tab-pane :tab="$t('m.system.monitor.other.httpTrace')" key="6">
      <HttpTrace v-bind="$attrs"></HttpTrace>
    </a-tab-pane>
  </a-tabs>
  </a-card>
</template>

<script>

  import DiskMonitoring from './DiskMonitoring'
  import HttpTrace from './HttpTrace'
  import JvmInfo from './JvmInfo'
  import RedisInfo from './RedisInfo'
  import SystemInfo from './SystemInfo'
  import TomcatInfo from './TomcatInfo'

  export default {
    name: 'monitorTab',
    components: {
      DiskMonitoring,
      HttpTrace,
      JvmInfo,
      RedisInfo,
      SystemInfo,
      TomcatInfo,
    },
    data () {
      return {}
    },
    methods: {}
  }
</script>
<style lang="less" scoped>

  /deep/ .ant-card-body {
    padding: 10px 24px 5px 24px !important;
  }
</style>
